<!DOCTYPE html>
<html>
	<head>
		<title>Web Monitor</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<!-- author: skyblue, do it for fun. 2013-11-15 -->
		<!-- Bootstrap -->
		<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
		<!-- Oional theme -->
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css">
		<link rel="stylesheet" href="./css/bootstrap-switch.css">

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/html5shiv/3.6.2/html5shiv.js"></script>
		<script src="../../docs-assets/js/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="navbar navbar-inverse">
			<div class="container">
				<div class="navbar-header">
					<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a href="#" class="navbar-brand">Web Monitor <span class="glyphicon glyphicon-leaf"></span></a>
				</div>
				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li class="active"><a href="#">Home</a></li>
						<li><a href="about.html">About</a></li>
					</ul>
				</div>
			</div>
		</div>

		<div class="container">
			<div>
				<label for="">Auto Refresh </label>
				<div class="make-switch switch-small">
					<input type="checkbox">
				</div>
			</div>
			<hr/>
			<div>
				<ol class="breadcrumb">
					<!--
					<li><a href="#">pid-1234</a></li>
					<li class="active">pid(1234)</li>
					-->
				</ol>
			</div>
			<div class="row">
				<div role="navigation" id="sidebar">
					<div id="sidenav" class="col-md-3">
						<!--
						<a class="list-group-item" href="#">mem</a>
						-->
					</div>
				</div>
				<div class="col-xs-12 col-md-9">
					<div class="container">
						<div id="chart-container"></div>
					</div>
				</div>
			</div>
		</div>
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="./js/bootstrap-switch.min.js"></script>

		<!-- chart js -->
		<!--
		<script src="http://code.highcharts.com/highcharts.js"></script>
		<script type="text/javascript" src="js/ichart.1.2.min.js"></script>
		<script src="js/chart.js"></script>
		-->
		<script type="text/javascript" src="js/highstock.js"></script>

		<!-- my own js -->
		<script type="text/javascript" src="js/draw.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
	</body>
</html>
